<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <title>地址管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <script src="lib/adminLTE/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.min.css"/>

    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/dualListbox/bootstrap-duallistbox.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/dialog/bootstrap-dialog.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-select/css/bootstrap-select.css"/>
<!--    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap/css/bootstrap.min.css"/>-->
</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->

<div class="box box-primary search-box">
    <div class="box-header with-border">
        <h3 class="box-title">地址搜索</h3>
        <div class="box-tools pull-right">

        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form class="search-form" action="addressManage/getAddressList">
            <input type="text" style="display: none"/>
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="name1">所属账户:</label>
                        <input id="name1" name="name" type="text" placeholder="所属账户"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createStart">创建开始时间:</label>
                        <input id="createStart" name="createStart" type="text" placeholder="创建开始时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createEnd">创建结束时间:</label>
                        <input id="createEnd" name="createEnd" type="text" placeholder="创建结束时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button id="addressSearchBtn" type="button"
                                class="btn btn-primary btn-block btn-flat search-btn">搜索
                        </button>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div>
    <!-- /.box-body -->
</div>
<!-- /.box -->
<div class="box box-primary table-box hidden">
    <div class="box-header with-border">
        <h3 class="box-title">地址管理</h3>
        <div class="box-tools pull-right">

        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table class="table table-bordered table-hover data-view" width="100%">
            <thead>
            <tr>
                <th class="text-center text-nowrap">地址id</th>
                <th class="text-center text-nowrap">所属账号</th>
                <th class="text-center text-nowrap">省</th>
                <th class="text-center text-nowrap">市</th>
                <th class="text-center text-nowrap">区</th>
                <th class="text-center text-nowrap">街道</th>

                <th class="text-center text-nowrap">邮编</th>
                <th class="text-center text-nowrap">创建时间</th>
                <th class="text-center text-nowrap">状态</th>

            </tr>
            </thead>
            <tbody></tbody>
            <tfoot>
            <tr>
                <th class="text-center text-nowrap">地址id</th>
                <th class="text-center text-nowrap">所属账号</th>
                <th class="text-center text-nowrap">省</th>
                <th class="text-center text-nowrap">市</th>
                <th class="text-center text-nowrap">区</th>
                <th class="text-center text-nowrap">街道</th>

                <th class="text-center text-nowrap">邮编</th>
                <th class="text-center text-nowrap">创建时间</th>
                <th class="text-center text-nowrap">状态</th>

            </tr>
            </tfoot>
        </table>
    </div>
    <!-- /.box-body -->
</div>
<!-- /.box -->
<!--更新模态框开始-->
<div class="modal fade edit-dialog update" role="dialog" aria-labelledby="编辑对话框">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">地址修改</h4>
            </div>
            <div class="modal-body">
                <form action="addressManage/updateAddress" id="editForm" class="form-edit update" method="post">
                    <input type="text" style="display: none"/>
                    <!--<input id="id" name="id" type="text" style="display: none"/>-->
                    <div class="form-group">
                        <label class="control-label" for="id"><i class="fa"></i>id</label>
                        <input id="id" name="id" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="id">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="aid1"><i class="fa"></i>所属人</label>
                        <input id="aid1" name="aid" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="所属人">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="province1"><i class="fa"></i>省</label>
                        <input id="province1" name="province" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="省">
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="city1"><i class="fa"></i>市</label>
                        <input id="city1" name="city" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="市">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="country1"><i class="fa"></i>区</label>
                        <input id="country1" name="country" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="区">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="street1"><i class="fa"></i>街道</label>
                        <input id="street1" name="street" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="街道">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="zipCode1"><i class="fa"></i>邮编</label>
                        <input id="zipCode1" name="zipCode" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="邮编">
                    </div>

                    <span class="help-block"></span>


                    <div class="form-group">
                        <label class="control-label" for="createTime1"><i class="fa"></i>创建时间</label>
                        <input id="createTime1" name="createTime" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="创建时间">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="status1"><i class="fa"></i>状态</label>
                        <select id="status1" name="status" class="selectpicker show-tick form-control">
                            <option value="USE">正在使用</option>
                            <option value="IS_USE">可用</option>
                            <option value="UN_USE">不可用</option>
                        </select>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                <button type="button" id="carouselEditBtn" class="btn btn-primary submit">提交</button>
            </div>
        </div>
    </div>
</div>
<!--更新模态框结束-->

<!--增加模态框开始-->
<div class="modal fade edit-dialog add" role="dialog" aria-labelledby="编辑对话框">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">地址增加</h4>
            </div>
            <div class="modal-body">
                <form action="addressManage/saveAddress" id="addForm" class="form-edit add" method="post">
                    <input type="text" style="display: none"/>
                    <!--<input id="id" name="id" type="text" style="display: none"/>-->

                    <div class="form-group">
                        <label class="control-label" for="aid"><i class="fa"></i>所属人</label>
                        <select id="aid" name="aid" class="selectpicker show-tick form-control">

                        </select>
                    </div>

                    <div class="form-group form-inline">
                        <div data-toggle="distpicker" id="distpicker">
                            <div class="form-group">
                                <label class="sr-only" for="province">Province</label>
                                <select class="form-control" id="province" name="province"></select>
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="city">City</label>
                                <select class="form-control" id="city" name="city"></select>
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="country">Country</label>
                                <select class="form-control" id="country" name="country"></select>
                            </div>
                        </div>

                           <!-- <select id="province" name="province" data-province="&#45;&#45;&#45;&#45; 选择省 &#45;&#45;&#45;&#45;"></select>
                            <select id="city" name="city"  data-city="&#45;&#45;&#45;&#45; 选择市 &#45;&#45;&#45;&#45;"></select>
                            <select id="country" name="country" data-district="&#45;&#45;&#45;&#45; 选择区 &#45;&#45;&#45;&#45;"></select>-->

                    </div>

                    <span class="help-block"></span>
                    <div class="form-group">
                        <label class="control-label" for="street"><i class="fa"></i>街道</label>
                        <input id="street" name="street" type="text" unselectable="on"
                               class="form-control search-key" placeholder="街道">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="zipCode"><i class="fa"></i>邮编</label>
                        <input id="zipCode" name="zipCode" type="text" unselectable="on"
                               class="form-control search-key" placeholder="邮编">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="status"><i class="fa"></i>状态</label>
                        <select id="status" name="status" class="selectpicker show-tick form-control">

                            <option value="IS_USE">可用</option>
                            <option value="USE">正在使用</option>
                            <option value="UN_USE">不可用</option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary submit">提交</button>
            </div>
        </div>
    </div>
</div>
<!--增加模态框结束-->
<!--/*/ </th:block > /*/-->

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"
></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/dualListbox/jquery.bootstrap-duallistbox.min.js"></script>
<script type="text/javascript"
        src="lib/dialog/bootstrap-dialog.min.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-select/js/bootstrap-select.js"></script>
<!--<script type="text/javascript" src="lib/adminLTE/bootstrap/js/bootstrap.min.js"></script>-->
<!-- 自定义脚本开始 -->
<script type="text/javascript" src="js/util/commonUtils.js"></script>
<script type="text/javascript" src="js/address/addressManage.js"></script>
<script type="text/javascript" src="js/util/alertResult.js"></script>
<script type="text/javascript" src="js/util/distpicker.data.js"></script>
<script type="text/javascript" src="js/util/distpicker.js"></script>
<!--/*/ </th:block>  /*/-->
</body>
</html>